@import "../../../common";

.introduction-container {
  .introduction-video {
    video {
      display: block;
      width: 100%;
      height: 562rpx;
    }
  }

  .video-play-info {
    box-sizing: border-box;
    padding: 32rpx 45rpx 16rpx 45rpx;

    .title {
      @include flex-space-between;

      view {
        &:nth-of-type(1) {
          @include fontStyle(32, 32, #000000);
        }
        &:nth-of-type(2) {
          @include flex;
          image {
            @include size(28, 28, 0);
          }
          text {
            margin-left: 8rpx;
            @include fontStyle(30, 30, #999999);
          }
        }
      }
    }
    .time {
      @include flex;
      margin-top: 20rpx;
      image {
        @include size(28, 28, 0);
      }
      text {
        margin-left: 8rpx;
        @include fontStyle(28, 28, #999999);
      }
    }
  }
  .box {
    &.video {
      @include container;
      .content {
        @include block;
        @include fontStyle(28, 48, #666666);
        word-wrap: break-word;
      }
    }
  }
}
